<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8' />
    <title>ShadowEditor.UI</title>
    <link rel="stylesheet" href="../ShadowEditor.Web/assets/css/icon/iconfont.css">
    <link rel="stylesheet" href="build/ShadowEditor.UI.css">
    <style>
        html,
        body,
        #container {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
            font-family: Microsoft YaHei;
            font-size: 14px;
        }
    </style>
</head>

<body>
    <div id="container"></div>
    <script src="js/react.js"></script>
    <script src="js/react-dom.js"></script>
    <script src="../ShadowEditor.Web/assets/js/three.js"></script>
    <script src="../ShadowEditor.Web/assets/js/controls/OrbitControls.js"></script>
    <script src="build/ShadowEditor.UI.js"></script>
    <script>
        var container = document.querySelector('#container');
        var element = React.createElement(Shadow.EditorUI);

        ReactDOM.render(element, container);
    </script>
</body>

</html>